﻿<!DOCTYPE html>
<html ng-app="app" ng-controller="MainCtrl">
<head>
    <!----------------------------------- Icon   ---------------------------------->
    <!-- Icon -->
    <link rel="icon" href="/res/com/img/icon.ico" />
    <!----------------------------------- Meta Tag -------------------------------->
    <!-- Meta Tag -->
    <meta name="fragment" content="!" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!----------------------------------- Common ---------------------------------->
    <!-- jQuery -->
    <script type="text/javascript" src="/res/com/jss/jquery/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- Resource -->
    <script type="text/javascript" src="/cts/i18n/messages.js"></script>
    <script type="text/javascript" src="/cts/i18n/names.js"></script>
    <script type="text/javascript" src="/res/com/jss/i18n/messages.js"></script>
    <script type="text/javascript" src="/res/com/jss/i18n/names.js"></script>
    <!-- Bootstrap -->
    <script type="text/javascript" src="/res/com/jss/bootstrap/bootstrap.min.js"></script>    
    <!-- AngularJS -->
    <script type="text/javascript" src="/res/com/jss/angular/angular.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-route.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-animate.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-resource.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/angular-touch.min.js"></script>
    <!-- Extend jQuery -->
    <script type="text/javascript" src="/res/com/jss/jquery/ext/jquery-dataTables.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/jquery/ext/tinymce/tinymce.min.js"></script>
    <!-- Extend Bootstrap -->
    <!-- Extend AngularJS -->
    <script type="text/javascript" src="/res/com/jss/angular/ext/ui-utils.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-datatables.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-tree-control.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-google-maps.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/tinymce.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/ui-bootstrap-tpls-0.12.0.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-strap.min.js"></script>
    <script type="text/javascript" src="/res/com/jss/angular/ext/angular-strap.tpl.min.js"></script>
    <!-- Utils -->
    <script type="text/javascript" src="/res/com/jss/utils/lodash.min.js"></script>
    <!-- CTS -->
    <script type="text/javascript" src="/cts/cts.js"></script>
    <script type="text/javascript" src="/cts/cts-helper.js"></script>
    <!-- Customize (AngularJS, CTS) -->
    <script type="text/javascript" src="/res/com/jss/com-angular.js"></script>
    <script type="text/javascript" src="/res/com/jss/com-cts.js"></script>
    <!----------------------------------- Admin ---------------------------------->
    <!-- Config -->
    <script type="text/javascript" src="/cts/cts-com-ccs.js"></script>
    <script type="text/javascript" src="/cts/cts-adm-ccs.js"></script>
    <script type="text/javascript" src="/res/adm/jss/cts.configs.js"></script>
    <!----------------------------------- Private --------------------------------->
    <script type="text/javascript" src="/cts/com/ucs/jss/upload.js"></script>
    <script type="text/javascript" src="/cts/com/ucs/jss/editor.js"></script>
    <!-- Controllers -->
    <script type="text/javascript" src="/res/adm/jss/controllers/main.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-items-list.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-items-entry.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-itemtypes-list.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-itemtypes-entry.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-categories-list.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-categories-entry.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-photos-list.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-photos-entry.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-slides-list.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/ma-slides-entry.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/settings-info.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/settings-system.js"></script>
    <script type="text/javascript" src="/res/adm/jss/controllers/users-profile.js"></script>
    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="/res/adm/css/base.css" />
    <link rel="stylesheet" type="text/css" href="/res/adm/css/main-style.css" media="screen" />
    <!----------------------------------- Title ----------------------------------->
    <title>{{strings.Title}}</title>
</head>
<body>
    <div id="pnMain">
        <div id="leftPane" ng-show="variable.ShowLeftPane">
            <div id="leftContent">
                <div id="logo">
                    <img src="/res/adm/img/logo-admin.png" />
                </div>
                <hr />
                <treecontrol
                    class="tree-classic"
                    tree-model="data.ListNavBar"
                    options="variable.TreeOptions">
                    <a ng-href="{{node.Link}}">{{node.MenuName}}</a>
                </treecontrol>
            </div>
        </div>
        <div id="rightPane" ng-style="style.RightPane">
            <div id="headerContent">
                <div id="menuIcon" class="top-1 left-0">
                    <span class="glyphicon glyphicon-th-list" ng-click="showHideLeftPane()"></span>
                </div>
                <div id="userPane" class="top-1 right-0">
                    {{strings.Hi}}, {{data.UserContext.UserName}} | <a href="/adm/users/profile">{{strings.Profile}}</a> | <a href ng-click="logout()">{{strings.Logout}}</a>
                </div>
            </div>
            <div id="mainContent" ng-view="main" />
        </div>
    </div>
</body>
</html>